*{margin: 0;padding: 0}
*:focus { outline: none; }
@media screen  and (min-width:1024px) {
  input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner{  border:none;padding:0; }
body{ font-family: "Microsoft YaHei";}
.header{width: 1100px;height: 50px;margin: 25px auto;}
.header img{float: left;}

.header i{width: 1px;background-color: #838383;height: 40px;margin: 5px 16px 5px 27px; display: inline-block;float: left;line-height: 50px;}
.main{width: 100%;height: 540px;background: url(../images/banner-bg.png)repeat-x center;position: relative;}
.main .chinamap{position: absolute;left: -70px;top: 72px;}
.main .main-box{width:1100px;margin: 0 auto; position: relative;height: 540px;}
.main .login{width: 348px;height:388px;position: absolute;right:0;margin: 42px 0 27px;background: #ffffff;padding:31px 25px;box-shadow: 2px   2px 2px #666666}
.main .login h1{color:#007cff;font-weight: 400;font-size: 28px}
.main .tel{background: url(../images/tel.png) no-repeat center;width: 66px;height: 67px;display: block;position: absolute;top: 125px;left: 442px}
.main .map-p1{background: url(../images/map-p1.png) no-repeat center;width: 86px;height: 106px;display: block;position: absolute;top: 75px;left: 186px;}
.main .map-p2{background: url(../images/map-p2.png) no-repeat center;width: 59px;height: 72px;display: block;position: absolute;top: 288px;left: 342px;}
.main .map-p3{background: url(../images/map-p3.png) no-repeat center;width: 33px;height: 40px;display: block;position: absolute;top: 239px;left: 108px;}
.main input{width:304px;margin-left: 44px;border: none;font-size: 14px;padding: 15px 0;}
.main button{transition:all .5s;
              -ms-transition:all .5s;
              -webkit-transition:all .5s;
               -moz-transition:all .5s;font-family: "Microsoft YaHei";
  width: 100%;text-indent:1em;letter-spacing: 1em;margin-top: 30px;position: relative;
  padding:10px 0;font-size: 18px;background: #15b7db;border: none;color: #ffffff}
.main button:hover{background: #0a5fb9;opacity: 0.9}

.header p{font-size: 20px;display: inline-block;color: #838383;float: left;line-height: 50px;font-family: "Microsoft YaHei"}
.copyright{text-align: center;margin-top: 30px;color: #999999;font-size:12px;}
.main .error{width: 100%;background:#ffeef8;margin-top:10px;}
.main .error input{background: url(../images/error.png)no-repeat 9px center;padding-left:45px;margin: 0}
.main b{color: #cccccc;font-size: 14px;position: absolute;bottom: 17px;right:28px;font-weight: 400}
.main .username{width: 100%;background: url(../images/username.png)no-repeat 9px center;border: 1px solid #cccccc;margin-top:29px;}
.main .password{width: 100%;background: url(../images/password.png)no-repeat 12px center;border: 1px solid #cccccc;margin-top:25px;}
.code_box{
      margin-top: 28px;
      margin-left: 0 !important;
      width: 55%;
      float: left; 
      background: #ffffff;
      margin-right: 4%;
      border: 1px solid #ccc;
    }
    .code{
    float: left; 
    width: 147px !important;
    margin-left: 0 !important;
    padding-left: 44px !important;
    background: url(../images/code.png) no-repeat 15px center;
  }
  .cp{height:45px;}
}
@media screen  and (max-width:640px) {
  .main .chinamap,
  .main .tel,
  .main .map-p1,
  .main .map-p2,
  .main .map-p3{display: none}
  html{height:100%;}
  body{ font-family: "Microsoft YaHei";background: url(../images/5a1448847e3f4.png)no-repeat center;position: relative;min-height: 100%}
  .bbox{background: rgba(255,255,255,0.2);height: 1000px;position: fixed;width: 100%}
    .header{width: 100%;padding-top: 5%;text-align: center;}
    .header i{display: none}
    .header img{display: block;margin:10% auto 0;}
    /*.header p{font-size: 22px;display: inline-block;color: #15b7db;margin-top: 30px;text-shadow:2px 3px 4px #838383;}*/
    .header p{display: none;}
    .main{width: 100%;height: 45%;position: relative;top: 6%}
    .main .login h1{display: none}
    .main .login{width: 80%;height: 80%;position: absolute;left: 5%;padding:20px;}
    .main input{padding: 10px 0;margin-left: 35px;border: none;width:85%;background: transparent;}
    .main button{transition:all .5s;
              -ms-transition:all .5s;
              -webkit-transition:all .5s;font-family: "Microsoft YaHei";
               -moz-transition:all .5s;width: 100%;letter-spacing: 1em;margin-top: 15%;padding:10px 0;font-size: 18px;background: #15b7db;border: none;color: #ffffff;border-radius: 3px}
    .main button:hover{background: #0a5fb9;opacity: 0.9}
    .copyright{text-align: center;color: #999999;margin: 0 5%;position: absolute;width: 90%;font-size: 12px}
    .main .username,.password{width: 100%;margin-top:20px;border-bottom: 1px solid #cccccc}
    /* .main .username div,.password div{margin-left: 35px;background: #ffffff;} */
    .main .username div{width: 100%;background: url(../images/username.png)no-repeat 5px center;}
    .password div{width: 100%;background: url(../images/password.png)no-repeat 8px center;}
    .main .error{width: 100%;background:#ffeef8;margin-top:10px;}
    .main .error input{background: url(../images/error.png)no-repeat 9px center;padding-left:45px;margin: 0}
    .main b{color: #15b7db;font-size: 14px;position: absolute;bottom: 20px;right:20px;}
    .code_box{
      margin-top: 28px;
      margin-left: 0 !important;
      width: 55%;
      float: left; 
      margin-right: 4%;
      border-bottom: 1px solid #cccccc;
      background: url(../images/code.png) no-repeat 9px center;
    }
    .code{

    float: left; 
    margin-left: 0 !important;
    padding-left: 35px !important;
    /*background: url(../images/code.png) no-repeat 9px center;*/
  }
  .cp{height:35px;}
}
@media screen and (min-width:750px) and (max-width: 1024px)    {
  input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner{  border:none;padding:0; }
body{ font-family: "Microsoft YaHei";}
.header{width: 90%;height: 50px;margin: 25px auto;padding: 0 2%;}
.header img{float: left;}

.header i{width: 1px;background-color: #838383;height: 40px;margin: 5px 16px 5px 27px; display: inline-block;float: left;line-height: 50px;}
.main{width: 100%;height: 540px;background: url(../images/banner-bg.png)repeat-x center;position: relative;}
.main .chinamap{position: absolute;left: -100px;top: 72px;width: 688px;height: 386px;}
.main .main-box{width:100%;margin: 0 auto; position: relative;height: 540px;}
.main .login{width: 348px;height:388px;position: absolute;right:30px;margin: 42px 0 27px;background: #ffffff;padding:31px 25px;box-shadow: 2px 2px 2px #666666}
.main .login h1{color:#007cff;font-weight: 400;font-size: 28px}
.main .tel{background: url(../images/tel.png) no-repeat center;width: 66px;height: 67px;display: block;position: absolute;top: 125px;left: 442px}
.main .map-p1{background: url(../images/map-p1.png) no-repeat center;width: 86px;height: 106px;display: block;position: absolute;top: 75px;left: 186px;}
.main .map-p2{background: url(../images/map-p2.png) no-repeat center;width: 59px;height: 72px;display: block;position: absolute;top: 288px;left: 33%;}
.main .map-p3{background: url(../images/map-p3.png) no-repeat center;width: 33px;height: 40px;display: block;position: absolute;top: 239px;left: 108px;}
.main input{width:304px;margin-left: 44px;border: none;font-size: 14px;padding: 15px 0;}
.main button{transition:all .5s;
              -ms-transition:all .5s;
              -webkit-transition:all .5s;font-family: "Microsoft YaHei";
               -moz-transition:all .5s;width: 100%;text-indent:1em;letter-spacing: 1em;margin-top: 30px;padding:10px 0;font-size: 18px;background: #15b7db;border: none;color: #ffffff}
.main button:hover{background: #0a5fb9;opacity: 0.9}
.header p{font-size: 20px;display: inline-block;color: #838383;float: left;line-height: 50px;font-family:"Microsoft YaHei" }
.copyright{text-align: center;margin-top: 30px;color: #999999;font-size: 12px;}
.main .error{width: 100%;background:#ffeef8;margin-top:10px;}
.main .error input{background: url(../images/error.png)no-repeat 9px center;padding-left:45px;margin: 0}
.main b{color: #cccccc;font-size: 14px;position: absolute;bottom: 17px;right:28px;font-weight: 400}
.main .username{width: 100%;background: url(../images/username.png)no-repeat 9px center;border: 1px solid #cccccc;margin-top:29px;}
.main .password{width: 100%;background: url(../images/password.png)no-repeat 12px center;border: 1px solid #cccccc;margin-top:25px;}
.cp{height: 45px}
.code_box{
      margin-top: 28px;
      margin-left: 0 !important;
      width: 55%;
      float: left; 
      background: #ffffff;
      margin-right: 4%;
      border: 1px solid #ccc;
    }
    .code{
    float: left; 
    width: 150px !important;
    margin-left: 0 !important;
    padding-left: 44px !important;
    background: url(../images/code.png) no-repeat 15px center;
  }
}
}


